<template>
	<!-- 下拉模块 -->
	<view class="cover-item">
		<image class="arc" src="/static/arc.png"></image>

		<view class="tj-sction">
			<view class="tj-item">
				<text class="num">128.8</text>
				<text>余额</text>
			</view>
			<view class="tj-item">
				<text class="num">0</text>
				<text>优惠券</text>
			</view>
			<view class="tj-item">
				<text class="num">20</text>
				<text>积分</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "uni-user-order",
		props: {
			userInfo: {
				// type: Function,
				required: true
			}
		}
	}
</script>

<style lang="scss" scoped>
	.cover-item {

		// 弧形图片
		.arc {
			position: absolute;
			left: 0;
			top: -34upx;
			width: 100%;
			height: 36upx;
		}

		// 余额,优惠券,积分等信息
		.tj-sction {
			display: flex;
			justify-content: space-around;
			align-content: center;
			background: #fff;
			border-radius: 10upx;

			.tj-item {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				height: 140upx;
				font-size: $font-sm;
				color: #75787d;
			}

			.num {
				font-size: $font-lg;
				color: $font-color-dark;
				margin-bottom: 8upx;
			}
		}
	}
</style>
